<template>
	<u-button 
		type="primary" 
		 hover-class="none"
		:disabled="disabled" 
		:custom-style="getCustomStyle" 
		@click="click" 
	>{{text}}</u-button>
</template>

<script>
	export default {
		name: 'u-button',
		props: {
			text: {
				type: String,
				default: ''
			},
			btnType: {
				type: String,
				default: ''
			},
			disabled: {
				type: Boolean,
				default: false
			},
			customStyle: {
				type: Object,
				default () {
					return {}
				}
			},
		},
		data() {
			return {}
		},
		computed: {
			getCustomStyle() {
				let style = {};
				// if (this.customStyle.background) style.background = this.tips.background;
				return Object.assign({}, this.customStyle, {
					background: 'linear-gradient(270deg, #1698F9 0%, #4CC5FC 100%)',
				});
			}
		},
		methods: {
			// 按钮点击
			click(e) {
				this.$emit('click', e);
			},
		}
	}
</script>

<style lang="scss" scoped>

</style>
